<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<script type="text/jscript" src="layui/layui.js"></script>
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-row layui-col-space20">
				<div class="layui-col-md4">
					<div class="layui-card">
						<div class="layui-card-header">快捷方式</div>
						<div class="layui-card-body" style="height: 150px;">
							<div style="width: 18%;height: 55px; float: left; margin-left: 30px;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><a href=""><span class=" layui-icon layui-icon-console"></span></a></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">主页一</div>
							</div>
							<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><a href=""><span class=" layui-icon layui-icon-chart"></span></a></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">主页二</div>
							</div>
							<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><a href=""><span class=" layui-icon layui-icon-template-1"></span></a></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">弹层</div>
							</div>
							<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><a href=""><span class=" layui-icon layui-icon-dialogue"></span></a></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">聊天</div>
							</div>
							<br>
							<br>
							<br>
							<div style="width: 18%;height: 55px;margin-left: 30px; float: left;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><span class=" layui-icon layui-icon-find-fill"></span></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">进度条</div>
							</div>
							<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><span class=" layui-icon layui-icon-edit"></span></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">工单</div>
							</div>
							<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><span class=" layui-icon layui-icon-username"></span></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">用户名</div>
							</div>
							<div style="width: 18%;height: 55px; float: left; margin-left: 10px;">
								<div style="height: 14%; width: 100%;" class="layui-bg-gray"></div>
								<div style="height: 56%; width: 100%;" class="layui-bg-gray">
									<center><span class=" layui-icon layui-icon-set"></span></center>
								</div>
								<div style="height: 30%; width: 100%;" align="center">设置</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="layui-card">
						<div class="layui-card-header">待办事项</div>
						<div class="layui-card-body" style="height: 150px;">
							<div style="float: left; margin-left: 10px; width: 45%; height:60px;" class="layui-bg-gray">
								<font style=" font-size: 12px; margin-left: 10px;">待审评论</font><br>
								<font style=" font-size: 26px; margin-left: 10px; color: #009688;">66</font>
							</div>
							<div style="float: left; margin-left: 10px; width: 45%; height:60px;" class="layui-bg-gray">
								<font style=" font-size: 12px; margin-left: 10px;">待审帖子</font><br>
								<font style=" font-size: 26px; margin-left: 10px; color: #009688;">12</font>
							</div>
							<div style="float: left; margin-left: 10px; margin-top:15px; width:45%; height:60px;" class="layui-bg-gray">
								<font style=" font-size: 12px; margin-left: 10px;">待审商品</font><br>
								<font style=" font-size: 26px; margin-left: 10px; color: #009688;">99</font>
							</div>
							<div style="float: left; margin-left: 10px; margin-top:15px; width:45%; height:60px;" class="layui-bg-gray">
								<font style=" font-size: 12px; margin-left: 10px;">待发货</font><br>
								<font style=" font-size: 26px; margin-left: 10px; color: #009688;">20</font>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="layui-card">
						<div class="layui-card-header">版本信息</div>
						<div class="layui-card-body" style="height: 150px;">
							<table class="layui-table" lay-size="sm">
								<tr>
									<td>当前版本</td>
									<td>v1.2.1&nbsp;pro&nbsp;&nbsp;&nbsp;&nbsp;<a href="">更新日志</a></td>
								</tr>
								<tr>
									<td>基于框架</td>
									<td>layui-2.4.5</td>
								</tr>
								<tr>
									<td>主要特色</td>
									<td>单页面/响应式/清爽/极简</td>
								</tr>
								<tr>
									<td>获取渠道</td>
									<td><a href="" class="layui-btn layui-btn-lg layui-bg-red">
											<font style="font-size: 12px;">获取授权</font>
										</a><a href="" class="layui-btn layui-btn-lg layui-bg-green">
											<font style="font-size: 12px;">立即下载</font>
										</a></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
